{extend name="base"}
{block name="title"}游戏详情{/block}
{block name="head"}
<script src="__STATIC__/common/avalon.mobile-2.2.9.min.js"></script>
<style>
    ol.pkss{list-style: none;}
    ol.pkss li{width:150px;text-align:center;}
    ol.pkss li i{width:30%; max-width:70px; min-width:30px; height:45px;}
    ul.nms li {width:30px; height:40px;}
    td.OxValue {text-align:center;}
    td.OxValue i {width:25%; height:22px;}
    .border-table tbody th{text-align:center; color:#333; font-weight:400; padding-left:5px;}
    .border-table{font-size:12px; color:#666;}
    .border-table th, .border-table td{text-align:center; padding:0 4px;}
</style>
{/block}
{block name="body"}
<body>

<!--导航栏-->
<div class="location">
    <a href="javascript:history.back(-1);" class="back"><i class="iconfont icon-up"></i><span>返回上一页</span></a>
    <a href="{:url('index/home')}" class="home"><i class="iconfont icon-home"></i><span>首页</span></a>
    <i class="arrow iconfont icon-arrow-right"></i>
    <span>游戏详情</span>
</div>
<!--/导航栏-->
<div class="table-container">
    <table class="ltable border-table">
        <tr>
            <th>玩家</th>
            <th>所属局数</th>
            <th>所属渠道</th>
            <th>游戏名称</th>
            <th>游戏服务</th>
            <th>用户标识</th>
            <th>用户头像/昵称/GameID</th>
            <th>牌型</th>
            <th>牛牛数值</th>
            <th>金币</th>
            <th>分数</th>
            <th>战局时间</th>
        </tr>
        {empty name="u"}
        <tr><td colspan="9">Oh~暂无数据!</td></tr>
        {else}
        {volist name='u' id='v'}

        <tr>
            <p></p>
            {if condition="$v.ChairID eq '' "}
            <td style="">机器人</td>
            {else/}
            <td>玩家[{$v.ChairID}]</td>
            {/if}
            <td>{$v.DrawID}</td>
            <td>{$CHANNELS[$v.Channel]['Name'] ?? '--'}</td>
            <td>[{$v.KindID}]{$v.KindName}</td>
            <td>{$v.ServerName}</td>
            <td>{$v.userid}</td>
            {if condition="$v.userid egt 1000000"}
            <td class="user-avatar">
                <a href="javascript:;" >
                    <img src="{$v.HeadImgUrl?:'__STATIC__/houtai/images/dface.png'}" />
                </a>
                <div class="user-box">
                    <h4><a  class="at_{$v.AccountsType}" href="javascript:;">{:htmlentities($v.name)}</a></h4>
                    <i>{$v.GameID}</i>
                </div>
            </td>
            {else/}

            <td class="user-avatar">
                <a href="{:url('user.detail/index')}?UserID={$v.userid}" target="_blank">
                    <img src="{$v.HeadImgUrl?:'__STATIC__/houtai/images/dface.png'}" />
                </a>
                <div class="user-box">
                    <h4><a target="_blank" class="at_{$v.AccountsType}" href="{:url('user.detail/index')}?UserID={$v.userid}">{:htmlentities($v.name)}</a></h4>
                    <i>{$v.GameID}</i>
                </div>
            </td>
            {/if}
            {if condition="$v.KindID eq 110 or 32"}
            <td width="200">
                <ol class="pkss">
                    <li>
                        <i  class="pk_{$v.card.4}" ></i>
                        <i  class="pk_{$v.card.3}" ></i>
                    </li>
                    <li>
                        <i  class="pk_{$v.card.2}" ></i>
                        <i  class="pk_{$v.card.1}" ></i>
                        <i  class="pk_{$v.card.0}" ></i>
                    </li>
                </ol>
            </td>
            {elseif condition="$v.KindID eq 52"/}
            <td width="200">
                <ol class="pkss">
                    <li>
                        <i  class="pk_{$v.card.0}" ></i>
                        <i  class="pk_{$v.card.1}" ></i>
                    </li>
                    <li>
                        <i  class="pk_{$v.card.2}" ></i>
                        <i  class="pk_{$v.card.3}" ></i>
                        <i  class="pk_{$v.card.4}" ></i>
                    </li>
                    <li>
                        <i  class="pk_{$v.card.5}" ></i>
                        <i  class="pk_{$v.card.6}" ></i>
                        <i  class="pk_{$v.card.7}" ></i>
                    </li>
                </ol>
            </td>
            {else/}
            <td width="200">
                <ol class="pkss">

                    <li>
                        <i  class="pk_{$v.card.0}" ></i>
                        <i  class="pk_{$v.card.1}" ></i>
                        <i  class="pk_{$v.card.2}" ></i>
                    </li>
                    <li>
                        <i  class="pk_{$v.card.3}" ></i>
                        <i  class="pk_{$v.card.4}" ></i>
                        <i  class="pk_{$v.card.5}" ></i>
                        <i  class="pk_{$v.card.6}" ></i>
                        <i  class="pk_{$v.card.7}" ></i>
                    </li>
                    <li>
                        <i  class="pk_{$v.card.8}" ></i>
                        <i  class="pk_{$v.card.9}" ></i>
                        <i  class="pk_{$v.card.10}" ></i>
                        <i  class="pk_{$v.card.11}" ></i>
                        <i  class="pk_{$v.card.12}" ></i>
                    </li>
                </ol>
            </td>
            {/if}
            <td class="OxValue">
                <i class="niu_{$v.cardType}" ></i>
            </td>

            <td>{$v.Score}</td>
            <td>{$v.endScore}</td>
            <td>{$v.TimeStart}
                <p>至</p>
                {$v.TimeEnd}
            </td>


        </tr>
        {/volist}
        {/empty}
    </table>
</div>


<!--<div>-->
<!--<tr>-->
<!---->
<!--</tr>-->
<!--</div>-->
</body>
{/block}